<ion-content class="login-content">
  <ion-row class="logo-row">
    <ion-col>
      <div class="logo">
        <img src="static/logo.jpg"/>
      </div>   
    </ion-col>
  </ion-row>
  <div class="login-box">
    <form #loginForm="ngForm">
      <ion-row>
        <ion-col>
          <ion-list inset>
            <ion-item>
              <ion-input type="text" placeholder="用户名" name="username" [(ngModel)]="registerCredentials.username" required></ion-input>
            </ion-item>
            
            <ion-item>
              <ion-input type="password" placeholder="密码" name="password" [(ngModel)]="registerCredentials.password" required></ion-input>
            </ion-item>
            
          </ion-list>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col class="signup-col">
          <button ion-button class="submit-btn" full type="button" [disabled]="!loginForm.form.valid" (click)="login()">登录</button>
          <button ion-button class="register-btn" type="button" block clear (click)="createAccount()">注册</button>
        </ion-col>
      </ion-row>
      
    </form>
  </div>
</ion-content>